﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../sample.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h4>
        options使用方式如下： $("#demo").bindTool(options);</h4>
    <table border="1" cellpadding="0" cellspacing="0" style="width: 100%">
        <tr>
            <td>
                名称
            </td>
            <td>
                说明
            </td>
            <td>
                备注
            </td>
        </tr>
        <tr>
            <td>
                BindWay:[]
            </td>
            <td>
                映射数组，用于描述 Json对象如何<br />
                绑定到HTML和怎样从HTML获得数据。
                <br />
                <b>（可以用在子模板，可选）</b>
            </td>
            <td>
                请参考<a href="#mapping">BindWay[]成员</a>: 用法如下:<br />
                bindWay:[<br />
                &nbsp;&nbsp; {
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; member: "age",<br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bindTo: "age"
                <br />
                &nbsp;&nbsp;&nbsp; }<br />
                ]
            </td>
        </tr>
        <tr>
            <td id="mapping">
                BindWay[]<br />
                成员
            </td>
            <td colspan="2">
                <table border="1" border="1" cellpadding="0" cellspacing="0" style="width: 100%">
                    <tr>
                        <td>
                            成员
                        </td>
                        <td>
                            描述
                        </td>
                        <td>
                            示例
                        </td>
                    </tr>
                    <tr>
                        <td>
                            member
                        </td>
                        <td>
                            Json 对象的成员描述，支持复杂表达方式
                            。 字符串。<br />
                            bindTo为Function时，本属性可以不设定，获取Json对象的时候，需要设定BindFrom为Function方式,<br />
                            否则获取的Json对象将不包含这个值。</td>
                        <td>
                            如：{member:"teacher.name"}<br />
                            对应<br />
                            var a={<br />
                            teacher:{name:"Jhon"}<br />
                            };
                        </td>
                    </tr>
                    <tr>
                        <td>
                            type
                        </td>
                        <td>
                            映射属性的类型，可以是string,date,number,bool,array的任意一种
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            to
                        </td>
                        <td>
                            把Json数值绑定到HTML中<br />
                            可以为以下3中之一<br />
                            <ol>
                                <li>绑定HTML的ID，$(&quot;#ID&quot;）</li>
                                <li>支持是&quot;Id.Attribute&quot; “.&quot; 后是attribute名字</li>
                                <li>fucntion 如function(jsonObject,data)，data是通过member<br />
                                    从jsonObject获得的值。</li>
                            </ol>
                            <br />
                        </td>
                        <td>
                            1){to:&quot;#studnetInputText&quot;}
                            <br />
                            2){to:function(data,jsonObject)<br />
                            {<br />
                            &nbsp; $(&quot;#studentInputText&quot;).val(data);<br />
                            }<br />
                            以上3个都是表达同一个意思
                        </td>
                    </tr>
                    <tr>
                        <td>
                            from
                        </td>
                        <td>
                            从HTML返回数组给数组，这个值一般不用设定.
                            <br />
                            但也可以是以下3个之一<br />
                            <ol>
                                <li>false, 不需要从HTML中获取任何值，<br />
                                    collect的时候直接忽略</li>
                                <li>HTML的Id，或者是 &quot;Id.Attribute&quot;的方式获取值</li>
                                <li>function(jsonObj, property) jsonObject对象,collect后，最终返回的对象<br />
                                    property 字符串，member的值</li>
                            </ol>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            onBind</td>
                        <td>
                            绑定前发生</td>
                        <td>
                            function(value ,jsonObject)
                            <br />
                            this，如果有to 是&quot;#id&quot;形式，那么就是#id的对象，否则是document。</td>
                    </tr>
                    <tr>
                        <td>
                            onBound</td>
                        <td>
                            绑定后发生</td>
                        <td>
                            同上</td>
                    </tr>
                    </table>
            </td>
        </tr>
        <tr>
            <td id="mapping">
                &nbsp; onBind
            </td>
            <td>
                <ol>
                    <li>false:终止当前绑定，一般用于绑定前的数据检查，如果不符合部分。终止绑</li>
                </ol>
                <b>（可以用在子模板）</b>
            </td>
            <td>
                &nbsp; {<br />
                &nbsp;&nbsp;&nbsp;&nbsp; bind:function(jsonObject){};<br />
                }<br />
                jsonObject是被绑定Json对象<br />
                this是被绑定的HTML jQuery对象。
            </td>
        </tr>
        <tr>
            <td>
                boolExp
            </td>
            <td>
                布尔型的表达式。默认是：{ &quot;0&quot;: false, &quot;1&quot;: &quot;true&quot;, &quot;true&quot;: true, &quot;false&quot;: false } 。用于表达json数据中，代表布尔型可能的属性<br />
                表示的意思是 0 代表false，1 代表true true代表true，false也代表false
            </td>
            <td>
                { &quot;0&quot;: false, &quot;1&quot;: &quot;true&quot;, &quot;true&quot;: true, &quot;false&quot;: false }
            </td>
        </tr>
        <tr>
            <td>
                datePatten
            </td>
            <td>
                一个正则表达式，如果符合该正则表达式的字符串，会被认为是date类型,会使用dateCover进行转换。<br />
                默认是 /^\/\\Date\(\d*\)\//, 也就是 asp.net 返回的 /\Date(880894994)/ 的json字符串<br />
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                dateCover
            </td>
            <td>
                当符合datePatten的标准时，就是使用function把字符串转为日期型。datePatten 由于 new Date(&quot;Oct,2008-10-10&quot;）等其他转换模式。
            </td>
            <td>
                dateCover: function(val) {<br />
                &nbsp;&nbsp;&nbsp;&nbsp; return eval(&quot;new &quot; + val.substr(1, val.length
                - 2)); }
            </td>
        </tr>
        <tr>
            <td>
                dateFormat
            </td>
            <td>
                显示模式，默认是2009-10-10。
            </td>
            <td>
                dateFormat: function(dateVal) {<br />
                &nbsp;&nbsp; return dateVal.getFullYear() + &quot;-&quot; + (dateVal.getMonth()
                + 1) + &quot;-&quot; +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dateVal.getDate();
                <br />
                }
            </td>
        </tr>
        <tr>
            <td>
                formatToDate
            </td>
            <td>
                把上面的dateFormat 转换为日期类型。 默认是把 yyyy-MM-dd转换为日期类型。
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                show
            </td>
            <td>
                这个事件只用在Template绑定，当Json对象已经绑定到Template上。<br />
                需要显示的时候使用。默认是直接用JQuery中的show方法。<br />
                <b>（可以用在子模板）</b>
            </td>
            <td>
                {<br />
                &nbsp; show:function(area){<br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; area.fadeIn(&#39;fast&#39;);<br />
                &nbsp; }<br />
                }
            </td>
        </tr>
        </table>
</body>
</html>
